@charset "utf-8";
/*
 * @Filename: component.css
 * @Description:
 * @Version: 1.0.0
 * @Author: hanlx
 * @Update: hanlx 20130106
*/
/*========================================= basic start ===============================================*/
body{_background-attachment:fixed; _background-image:url(about:blank); width:100%;}
h1,h2,h3{margin:0;padding:0;font-size:12px;}
.relative{position:relative;}
.absolute{position:absolute;}
.abs-1{position:absolute;bottom:0;right:0;}
.abs-2{position:absolute;bottom:30px;right:50px;}
p{word-wrap:break-word;}
/*border end*/
.width-1{width:250px;}
.width-2{min-width:200px;_width:200px;_overflow-x:visible;}
.width-per60{width:60%;}
.width-per90{width:90%;}

.height-20{height:20px;line-height:20px;}
.line-ht22{line-height:22px;}
.pdl-5{padding-left:5px;}
.pdr-160{padding-right:160px;}
.input-1{line-height:20px;border:solid 1px #c9c9c9;height:20px;padding:0 4px;}
.textarea-1{line-height:20px;border:solid 1px #c9c9c9;height:150px;padding:4px;}

.font-1{font-size:14px;font-weight:bold;color:#666;}

a.link-1{color:#333;}
a.link-2{color:#666;}
a.link-3{color:#cc0000;}

.col-2c-1 .col-1{
	width:50%;
	float:left;
}
.col-2c-1 .col-2{
	width:49%;
	float:right;
}
/*xinzeng  0805*/
.col-2c-1 .col-3{
	width:30%;
	float:left;
}
.col-2c-1 .col-4{
	width:68%;
	float:right;
}
.col-2c-1 .col-5{
	width:68%;
	float:left;
}
.col-2c-1 .col-6{
	width:30%;
	float:right;
}
/*xinzeng  0805 end*/
.col-2c-2{width:100%;clear:both;position:relative;}
.col-2c-2 .col-1{margin-right:275px;}
.col-2c-2 .col-2{width:250px;position:absolute;top:0;right:0;}

/*scrollpanel end*/
.bgcommon-1{background:url(../images/bg_common1tt.png) 0 0 repeat-x;height:30px;line-height:30px;}
.bgcommon-1 h3{height:30px;line-height:30px;padding-left:20px;}

.bgcommon-2{background:url(../images/right-top.gif) 0 0 no-repeat;width:233px;height:34px;line-height:34px;padding-left:15px;}
.bgcommon-2 .text{font-size:14px;font-weight:bold;}*/

/*bgcolor start*/
.bgcolor-1{background-color:#fff;}
.bgcolor-2{background-color:#f2f2f2;}
/*bgcolor end*/
/*pagebar*/
.pagebar{text-align:center;height:30px;}
.pagebar a{border:solid 1px #e7ecf0;padding:4px 9px;display:inline-block;line-height:16px;font-size:14px;}
.pagebar a.curr{border:0 none;padding:5px 10px;font-weight:bold;color:#000;}
/*========================================= container start ===============================================*/
/*layout start*/
.l-layout-left,.l-layout-center{border:0 none;background-color:#f2f2f2;} 
.l-layout-collapse-left{background:#8ec3eb;border:solid 1px #a8c4eb;}
.l-layout-left .l-layout-header{display:none;}
.l-layout-left .l-layout-header-toggle{height:20px; width:10px; overflow:hidden; background:url(../images/toggle.png);background-position:-50px 0px; cursor:pointer;}
.l-layout-left .l-layout-header-toggle-over{ background-position:-50px 0px;}
.l-layout-collapse-left-toggle{background:url(../images/toggle.png);background-position:-50px -30px;}
.l-layout-collapse-left-toggle-over{background-position:-50px -30px;} 
/*layout end*/

.container{background-color:#74AAE8;padding:5px 22px 0 0;clear:both;overflow:hidden;position:relative}
.container-2{
	background-color:#fff;
	padding:0;
	clear:both;
	overflow:hidden;
	position:relative;
}
.side-panel .side-tt{
	background:url(../images/line-1.png) repeat-x;
	height:30px;
	line-height:30px;
	color:#004E96;
	font-weight:bold;
	padding-right:5px;
	position:relative;
	border:1px solid #a9d7e1;
}

.side-panel .side-tt h2{
	line-height:28px;
	font-family:simsun;
}
.side-panel .side-tt h2 .side-text{

	height:30px;
	line-height:30px;
	color:#fff;
	display:block;
	text-align:center;
	font-weight:bold;
	margin-right:3px;
	font-size: 14px;
}
.side-panel .side-content{
	border:solid 1px #a9d7e1;
	border-top:0 none;
	overflow:hidden;
	overflow-y:auto;
}
/*0416 zhangruic*/
.side-content .side-list-2 {display:block;width:auto;/*padding-top:10px;*/}
.side-content .side-list-2 span{
	display:inline-block;
	height:34px;
	width:100%;
	background:#F2F2F2; text-decoration:none;border-top:1px solid #fff;
	
}
.side-content .side-list-2 span img{
	height:22px;
	width:22px;
	float:left;
	margin:0;padding:7px 5px 0 10px;
}
.side-content .side-list-2 span a{
	display:block;
	color:#143A79;
	font-size:12px;
	line-height:34px;
}
/*.side-content .side-list span a:hover{
	background:#B5D2F0;color:#143A79; text-decoration:none;border-top:1px solid #fff;
}*/

.side-content .side-list-ul{height:auto;margin-bottom:10px;}
.side-content .side-list-ul li{display:inline-block;width:100%;height:34px;line-height:34px;border-bottom:1px dotted #74AAE8;}
.side-content .side-list-ul li a{color:#143A79;display:inline-block;width:100%;height:30px;line-height:30px;padding-left:50px;}
.side-content .side-list-ul li a:hover{color:#fff;background:#74AAE8;}

/*tree start*/
.directorytree-1 .l-tree li .l-body {
    height:20px;
    line-height:20px;
	padding-bottom:4px;
    overflow: hidden;
	background:url(../images/ellipsis-dots.png) 0 bottom repeat-x;
}
.l-tree .l-last .l-body {background:none;}
.l-tree a, .l-tree span{line-height:20px;height:20px;}
.directorytree-1 .l-tree span.on{color:#007dd9;}

.directorytree-1 .l-tree .l-box{
    background-image:url('../images/toggle.gif');
}
.l-tree .l-tree-icon-folder-open{
	display:none;
}
.l-tree .l-tree-icon-leaf{display:none;}
.l-tree .l-note-last,.l-tree .l-line{visibility:hidden;}
.l-tree .l-tree-icon-folder{display:none;}

.directorytree-1 .l-tree .l-expandable-close{background-position:0px 0px;}
.directorytree-1 .l-tree .l-first .l-expandable-close{background-position:0px 0px;}
.directorytree-1 .l-tree .l-last .l-expandable-close{ background-position:0px 0px;}
.directorytree-1 .l-tree .l-onlychild  .l-expandable-close{background-position:0px 0px;}

.directorytree-1 .l-tree .l-expandable-open{background-position:0px -23px;}
.directorytree-1 .l-tree .l-first .l-expandable-open{background-position:0px -23px;}
.directorytree-1 .l-tree .l-last .l-expandable-open{ background-position:0px -23px;}
.directorytree-1 .l-tree .l-onlychild  .l-expandable-open{background-position:0px -23px;}

.l-tree .l-note{visibility:hidden;}

.l-tree .l-tree-icon-leaf {
    background:none;
}
.l-tree li .parent-selected span{color:#007dd9;font-weight:bold;}
.l-tree .l-selected span{
    color:#007dd9;
}


/*tabspage start*/
div.tabspage{
    border:0 none;
	/*background-color:#f2f2f2;*/
	background-color:#fff;
	overflow:hidden;
}
.tabspage .l-tab-links{
	background:none;
	border-bottom:solid 1px #c7c7c7;
	height:28px;
	line-height:28px;
}
.tabspage-2 .l-tab-links{
	background:none;
	border-bottom:solid 1px #c7c7c7;
	height:28px;
	line-height:28px;
	display:none;
}
.tabspage .l-tab-links-left,.tabspage .l-tab-links-left-over{width:12px; height:28px; overflow:hidden;background:url(../images/bg_framework.gif) 0 -1410px no-repeat;}
.tabspage .l-tab-links-right,.tabspage .l-tab-links-right-over{width:12px; height:28px; overflow:hidden;background:url(../images/bg_framework.gif) -50px -1410px no-repeat;}
.tabspage .l-tab-links-left-invalid{ background-position:-34px 0px;}
.tabspage .l-tab-links-right-invalid{ background-position:-85px 0px;}

.tabspage .l-tab-links ul{height:28px;margin-left:5px;}
.tabspage .l-tab-links li{background:url(../images/bg_framework.gif) 0 -1060px repeat-x;line-height:28px;height:28px;}
.tabspage .l-tab-links li a{font-weight:bold;color:#666;margin:0 15px;}
.tabspage .l-tab-links-item-left{background:url(../images/bg_framework.gif) 0 -980px no-repeat;}
.tabspage .l-tab-links-item-right{background:url(../images/bg_framework.gif) right -1020px no-repeat;}
.tabspage .l-tab-links li.l-selected{background:url(../images/bg_framework.gif) 0 -1179px repeat-x;}
.tabspage li.l-selected .l-tab-links-item-left{background:url(../images/bg_framework.gif) 0 -1099px no-repeat;}
.tabspage li.l-selected .l-tab-links-item-right{background:url(../images/bg_framework.gif) right -1139px no-repeat;	}
.tabspage .l-tab-links li.l-selected a{color:#fff;}

/*.l-tab-content{width:auto;}*/
/*.l-tab-content-item{ width:100%;position:relative;overflow:hidden;}*/
.l-tab-content-item iframe{width:100%; height:100%; border:none;overflow:hidden;overflow-y:auto;}

.tabspage-content{
	padding-left:10px;	
}
.tabspage .tabmainpage,.tabspage .tabpage{
	overflow:hidden;
	overflow-y:auto;
}
/*tabspage end*/

/*newbox start*/
.newbox{margin-bottom:10px;}
.newbox .newbox-tt,.form-title{
	background:url(../images/bg_framework.gif) right -1250px no-repeat;
	height:26px;
	position:relative;
	padding-left:3px;
	padding-right:3px;
}
.newbox .newbox-tt .ttcorner,.form-title .ttcorner{
	width:3px;
	height:26px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/bg_framework.gif) 0 -1220px no-repeat;
}
.newbox .newbox-tt h3,.form-title h3{
	background:url(../images/bg_framework.gif) 0 -1280px repeat-x;
	height:26px;
	display:block;
	padding-left:10px;
	padding-right:60px;
}
.newbox .newbox-tt h3 .text,.form-title h3 .text{
	height:26px;
	line-height:26px;
	color:#1B3D85;
	display:block;
}
.newbox .newbox-tt h3 .option{
	position:absolute;
	top:0;
	right:10px;
	height:18px;
	font-weight:normal;
	padding-top:8px;
}
.newbox .newbox-tt h3 .option span{
	float:left;
	width:9px;
	height:9px;
	display:block;
	margin-left:10px;
	_margin-left:5px;
	cursor:pointer;
}

.newbox .newbox-tt h3 .option .close{
	background:url(../images/icon-winclose.gif) 0 0 no-repeat;
}
.newbox .newbox-tt h3 .option .max{
	background:url(../images/icon-winmag.gif) 0 0 no-repeat;
}
.newbox .newbox-tt h3 .option .restore{
	background:url(../images/icon-winmag.gif) 0 -50px no-repeat;
	width:12px;
	height:12px;
}
.newbox .newbox-tt h3 .option .mag{
	background:url(../images/icon-window.gif) 0 0 no-repeat;	
}
.newbox .newbox-area{
	border:solid 1px #A9D7E1;
	border-top:medium none;
	background-color:#fafcfc;
	overflow:hidden;
	height:175px;
}
.newbox .newbox-more{
	float:right;
	color:#666;
	padding:5px 10px 10px 0;
	line-height:20px;
	clear:both;
	overflow:hidden;
	zoom:1;
}
.newbox .newbox-more .wordMore{
	padding:5px 10px 10px 0;
	clear:both;
	overflow:hidden;
	zoom:1;
	height:170px;
	margin-top:5px;
	display:block;
}
.max-panel{
	 background-color:#DCE6F2;
    height: 100%;
    left: 5px;
    position: absolute;
    top: 0;
    width: 99.6%;
    z-index: 100;
}
/*newbox end*/

/*tabspanel start*/
div.tabspanel{
    border:0 none;
	background-color:#fff;
	overflow:hidden;
}
div.tabspanel .l-tab-content{padding-left:0;}


div.tabspanel-1 .l-tab-links{
	background:#d8d8d8;
	border-bottom:0 none;
	height:24px;
	line-height:24px;
}
div.tabspanel-1 .l-tab-links-left-invalid{ background-position:-34px 0px;}
div.tabspanel-1 .l-tab-links-right-invalid{ background-position:-85px 0px;}

div.tabspanel-1 .l-tab-links ul{height:24px;}
div.tabspanel-1 .l-tab-links li{background:url(../images/bg_framework.gif) right -1340px no-repeat;line-height:24px;height:24px;color:#000;font-weight:normal;margin:0 2px 0 0;}
div.tabspanel-1 .l-tab-links li a{color:#000;margin:0 15px;font-weight:normal;}
div.tabspanel-1 .l-tab-links-item-left{background:none;}
div.tabspanel-1 .l-tab-links-item-right{background:none;}
div.tabspanel-1 .l-tab-links li.l-selected{background:url(../images/bg_framework.gif) 0 -1310px repeat-x;color:#fff;}
div.tabspanel-1 li.l-selected .l-tab-links-item-left,div.tabspanel li.l-selected .l-tab-links-item-right{background:none;}
div.tabspanel-1 .l-tab-links li.l-selected a{color:#fff;font-weight:bold;}
/*tabspanel-2*/
div.tabspanel-2 .l-tab-links{
	background:#fff;
	border-bottom:solid 1px #dbdbdb;
	height:24px;
	line-height:24px;
}
div.tabspanel-2 .l-tab-links-left,div.tabspanel-2 .l-tab-links-left-over{width:12px; height:24px; overflow:hidden;background:url(../images/bg_framework.gif) 0 -1410px no-repeat;}
div.tabspanel-2 .l-tab-links-right,div.tabspanel-2 .l-tab-links-right-over{width:12px; height:24px; overflow:hidden;background:url(../images/bg_framework.gif) -50px -1410px no-repeat;}
div.tabspanel-2 .l-tab-links-left-invalid{ background-position:-34px 0px;}
div.tabspanel-2 .l-tab-links-right-invalid{ background-position:-85px 0px;}

div.tabspanel-2 .l-tab-links ul{height:24px;}
div.tabspanel-2 .l-tab-links li{background:none;line-height:24px;height:24px;}
div.tabspanel-2 .l-tab-links li a{font-weight:normal;color:#000;margin:0 15px;}
div.tabspanel-2 .l-tab-links-item-left{background:none;}
div.tabspanel-2 .l-tab-links-item-right{background:none;}
div.tabspanel-2 .l-tab-links li.l-selected{background:url(../images/bg_framework.gif) 0 -1380px repeat-x;border:solid 1px #dbdbdb;border-bottom:0 none;}
div.tabspanel-2 li.l-selected .l-tab-links-item-left,div.tabspanel-2 li.l-selected .l-tab-links-item-right{background:none;}
div.tabspanel-2 .l-tab-links li.l-selected a{color:#007dd9;font-weight:bold;}

div.tabspanel-3{border-right:1px solid #CECECE;}
div.tabspanel-3 .l-tab-links{
	border-bottom:0 none;
	background:url(../images/bg_framehead.png) 0px -160px repeat-x;height:25px;padding-bottom:2px;
}
div.tabspanel-3 .l-tab-links-left-invalid{ background-position:-34px 0px;}
div.tabspanel-3 .l-tab-links-right-invalid{ background-position:-85px 0px;}

div.tabspanel-3 .l-tab-links ul{height:25px;}
div.tabspanel-3 .l-tab-links li{background:none;line-height:25px;height:25px;color:#000;font-weight:normal;margin:0 2px 0 0;border-right:solid 1px #a4a4a4;}
div.tabspanel-3 .l-tab-links li a{color:#000;margin:0 15px;font-weight:bold;}
div.tabspanel-3 .l-tab-links-item-left{background:none;}
div.tabspanel-3 .l-tab-links-item-right{background:none;}
div.tabspanel-3 .l-tab-links li.l-selected{background:url(../images/bg_framehead.png) 0 -240px repeat-x;color:#fff;}
div.tabspanel-3 li.l-selected .l-tab-links-item-left,div.tabspanel-3 li.l-selected .l-tab-links-item-right{background:none;}
div.tabspanel-3 .l-tab-links li.l-selected a{color:#fff;font-weight:bold;}


div.tabspanel-4 .l-tab-links {
    background:none;
    border-bottom:1px solid #d6d6d6;
	height:25px;
	overflow:visible;
}
div.tabspanel-4 .l-tab-links ul {
	position:absolute;
	bottom:0;
	height:26px;
}
div.tabspanel-4 .l-tab-links li {
    background:none #E5F3F9;
    border:1px #d6d6d6 solid;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	margin:0 5px 0 0;
	height:24px;
	line-height:24px;
}
div.tabspanel-4 .l-tab-links li.l-selected{
    background:none #fff;
    border-bottom: 1px solid #fff;
}
div.tabspanel-4 .l-tab-links-item-left {display:none;}
div.tabspanel-4 .l-tab-links-item-right {display:none;}
div.tabspanel-4 .l-tab-links li a {
	font-family:Simsun;
	color:#444;
	font-size:12px;
}
div.tabspanel-4 .l-tab-links li.l-selected a {
	font-weight:bold;
}

.treeNodeManager .treeNodes{
	float:left;
}
.treeNodeManager .treeNodeInfo{
	float:left;
}
/*========================================= container end ===============================================*/

/*===========sideframe start==============*/
/*.sideframe{
	width:200px;
	position:absolute;
	top:5px;
	right:0;
	z-index:1000;
	overflow:hidden;
}
.sideframe .side-tt{
	height:28px;
	line-height:28px;
	color:#feef01;
	font-weight:bold;
	padding-right:5px;
	position:relative;
	background:url(../images/bg_framework.gif) right -750px no-repeat;
}

.sideframe .side-tt h2{
	line-height:28px;
	font-family:simsun;
	background:url(../images/bg_framework.gif) 0 -780px repeat-x;
}
.sideframe .side-tt h2 .side-text{
	background:url(../images/bg_framework.gif) left -720px no-repeat;
	height:28px;
	display:block;
	text-align:center;
	font-weight:bold;
}

.sideframe .sideframe-toggle{position:absolute;left:5px;top:4px;height:20px; width:20px; overflow:hidden; background:url(../images/toggle.gif);background-position:-100px 0px; cursor:pointer;}

.sideframe .side-content{
	border:solid 1px #c7c7c7;
	border-top:0 none;
	overflow:hidden;
	overflow-y:auto;
	background:#fff;
	 opacity: 0.9;                 
	 filter:alpha(opacity=90);     
	 -moz-opacity:0.9;              
	 -khtml-opacity: 0.9; 
}
.sideframe-collapse{
	display:none;width:20px;z-index:10;
	position:absolute;
	top:5px;
	right:0;
	background: none repeat scroll 0 0 #8EC3EB;
    border: 1px solid #A8C4EB;
}
.sideframe-collapse-toggle{position:absolute;left:0;top:2px;height:20px; width:20px;background:url(../images/toggle.gif);background-position:-100px -30px;cursor:pointer;}*/


/*===========sideframe end==============*/

/*=========== tooltip start ==============*/

/*=========== tooltip end ==============*/
/*0417 zhangruic */
.ul-group{width:80%;display:block;text-align:center;margin-left:10%;height:25px;margin-top:20px;}
.ul-group p{display:inline-block;float:left;height:25px;}
.ul-group p b{margin-right:20px;float:left;line-height:25px;display:inline;}
.ul-group p img{margin-left:20px;display:inline;float:left;line-height:25px;}
.ul-group p span{float:left;color:#134077;font-weight:600;margin-left:20px;line-height:25px;}

/*scroll star*/
.scroll_bg{  width:300px; height:12px;padding-left:5px;background:url(../images/l.png) left center no-repeat;float:left;}
.scroll_wrap_bg{ background:url(../images/i_05.png) right center no-repeat; height:12px; width:290px; padding-right:5px;}
.scroll_bar_bg{ background:url(../images/i_03.png) left center repeat-x; width:100%; height:12px; }
.scroll_l{ background:url(../images/i_09.jpg) left center no-repeat; width:7px; height:12px;  float:left }
.scroll_wrap_c{ background:url(../images/i_08.jpg) right center repeat-x; height:12px; width:276px; float:left;}
.scroll_r{ background:url(../images/i_03.jpg) right center no-repeat; width:6px; height:12px; float:left; }

.skin02 .scroll_l{ background:url(../images/i_07.jpg) left center no-repeat; width:7px; height:12px;  float:left }
.skin02 .scroll_wrap_c{ background:url(../images/i_06.jpg) right center repeat-x; height:12px; width:276px; float:left;}
.skin02 .scroll_r{ background:url(../images/i_05.jpg) right center no-repeat; width:6px; height:12px; float:left; }

.skin03 .scroll_l{ background:url(../images/i_02.jpg) left center no-repeat; width:7px; height:12px;  float:left }
.skin03 .scroll_wrap_c{ background:url(../images/i_04.jpg) right center repeat-x; height:12px; width:276px; float:left;}
.skin03 .scroll_r{ background:url(../images/i_01.jpg) right center no-repeat; width:6px; height:12px; float:left; }

.block-cen{
height:170px;
}
.block-cen .block-con{
margin: 5px 0 0 20px;
}
.block-cen .block-con-l{
float:left;
width:48%;
}

.block-cen .block-con-r {
    float: right;
   width:48%;
}

.block-cen .con-a,.block-cen .con-b{
margin-left:5px;
font-size:12px;
font-family: "microsoft yahei";
}
/*form-wrapper star*/
.form-wrapper {
   /* background: none repeat scroll 0 0 #FFFFFF;
    height: auto;*/
    padding: 8px;
    /*position: relative;*/
}
.input-style1{background: #ffffee;
	width: 200px;
	border: 1px solid #a3b6d0;
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 0;}
.plugin-date {width:200px;height: 25px;background:url(../images/plugin-date-01.gif) no-repeat;}
.plugin-date input {width:76px;height: 25px;padding:0 22px 0 3px;background:none;border:none;line-height: 23px;}
.block03{
	padding: 4px;
	text-align: center;
}
.btn-style02{
    background: url(../images/btn.png) no-repeat scroll center center transparent;
    border:none;
    color: #003366;
    cursor: pointer;
    line-height: 22px;
    text-align: center;
    width: 60px;
}
.block02{background:#e5eef4;padding:15px 20px;}
/*0417 zhangruic  end*/
/*0418 zhangruic star*/
.bg01{ background:#031224 url(../images/monitoring/bg.jpg) no-repeat top center;}
.bg01 .wrap{ width:1036px; margin:0 auto;}
.bg01 .wrap h1{ width: 160px; margin:10px auto; color:#002140; font-size:2em; text-align:center;}
.item{ width:1036px;}
.height1{ height:400px}
.height2{ height:240px}
.height3{ height:160px}
.wrap .w01{ width:630px}
.wrap .w02{ width:396px}
.box01{ float:left; width:510px;margin-top:-45px}
.box02{ float:right}
.top{height:95px;background:url(../images/monitoring/top01.png) no-repeat left top; }
.top02{background:url(../images/monitoring/top02.png) no-repeat right top; }
.top h3{ line-height:30px; text-align:center; font-size:1.5em; color:#fff; width:400px; padding-top:23px}
.top02 h3,.top02 p{ float:right}

.top p{ line-height:20px; padding:10px 0 0 10px}
.top p span{ margin-right:10px}
.con{background:url(../images/monitoring/block-bg.png) repeat; padding:0 10px;}
.con02 .list li{ float:right}
.bottom{ background:url(../images/monitoring/bottom01.png) no-repeat left top; height:10px}
.list{ overflow:hidden}
.list li{ width:110px; float:left; margin-right:10px;height:90px; display:inline-block}
.list li img{ float:left; margin-right:8px; padding-top:8px;}
.list li dl{ float:left}
.list li dd{ line-height:22px; background:url(../images/monitoring/icon.png) no-repeat -9999px -9999px transparent; padding-left:15px}
.list li dd.green{ background-position:0 6px}
.list li dd.red{ background-position:0 -28px}
.list li dd.orange{ background-position:0 -63px}
.list li h4{ color:#f4ff45; line-height:22px; clear:both; text-align:center}

.box03{ width:100%; margin-top:-20px;}
.top03{ background:url(../images/monitoring/t-bg.png) no-repeat 0 0;height:73px; padding:0 0 0 50px;}
.top03 h3{ background:url(../images/monitoring/t-bg.png) no-repeat right -74px; _background-position:right -73px;height:33px; padding:42px 50px 0 0; text-align:center;font-size:1.5em; color:#fff;}
.con{ overflow:hidden}
.con p{ line-height:30px; padding-left:10px; margin-bottom:10px}
.con p span{ margin-right:10px}
.bottom03{ background:url(../images/monitoring/b-bg.png) no-repeat 0 0; height:10px; padding-left:41px; overflow:hidden}
.bottom03 .bottom03-bg{background:url(../images/monitoring/b-bg.png) no-repeat right -10px;height:10px; overflow:hidden}

/*个人监控界面start*/
body.bg02{ background:#467bbb url(../images/monitoring/bg02.jpg) no-repeat top center;}
.mt10{ margin-top:10px}
.w03{ width:490px}
.w04{ width:150px}
.mr10{ margin-right:10px}
.wrap02{ padding-top:10px; width:990px; margin:0 auto}
.top04{ background:url(../images/monitoring/top03-l.png) no-repeat 0 0; height:40px; padding-left:182px}
.top04 .top04-con{ background:url(../images/monitoring/top03-c.png) repeat-x 0 0; height:40px; line-height:40px;color:#fff;}
.top04 .top04-r{ background:url(../images/monitoring/top03-r.png) no-repeat right 0; height:40px; padding-right:11px}
.top05{ background:url(../images/monitoring/top05.png) no-repeat 0 0;height:24px; padding:0 0 0 50px;}
.top05 h3{ background:url(../images/monitoring/top05.png) no-repeat right -24px;height:24px; line-height:24px; padding:0 50px 0 0; text-align:center;font-size:1em; color:#fff;}
.font20{ font-size:22px}
.list02{ color:#fff; font-size:16px; float:left}
.list02 li{
	line-height:30px;
	background:url(../images/monitoring/icon2.png) no-repeat -9999px -9999px transparent; 
	padding-left:18px; 
	float:left;
	display:inline;
	margin-right:10px;
	font-size:15px;
}
.list02 li span{ line-height:30px}
.list02 li.red02{ background-position:0 12px}
.list02 li.orange02{ background-position:0 -39px}
.list02 li.yellow02{ background-position:0 -95px}
.list03 li h5{ position:absolute; bottom:0; width:100%; left:0; color:#fff; line-height:18px; clear:both; font-weight:normal}
.list03{ overflow:hidden; float:left}
.list03 li{float:left; margin-right:5px;height:85px; display:inline-block;position:relative;}
.list03 li img{ float:left; margin-right:2px; padding-top:8px; width:25px; cursor:pointer}
.list03 li dl{ float:left}
.list03 li dd{ line-height:16px; font-size:11px; background:url(../images/monitoring/icon2.png) no-repeat -9999px -9999px transparent; padding-left:15px}
.list03 li dd.red03{ background-position:0 -162px}
.list03 li dd.orange03{ background-position:0 -198px}
.list03 li dd.yellow03{ background-position:0 -236px}
.list03 li dd.grey03{ background-position:0 -646px}
.block{ padding-top:10px; overflow:hidden}
.block h3{ color:#00a8ff; font-size:14px; font-weight:normal; float:left; margin:18px 8px 0 0; display:inline}
.top06{ padding:20px 0;}
.capton{ border:1px solid #a6c9e2; border-bottom:none; height:38px; line-height:30px; background:#edf1f5; padding:0 10px; color:#003399;}
.table,.table th,.table td{ border:1px solid #a6c9e2; font-size:12px}
.table{ width:100%}
.table th{ background:url(../images/monitoring/c-bg.gif) repeat-x 0 0; }
.table td{ background:#fff}
.table td.first,.table-04 td.first{ text-align:center}
.table th,.table td{height:20px; line-height:20px; color:#003399}
.btn-style{ background:url(../images/monitoring/btn-bg.gif) no-repeat 0 0; width:70px; height:23px; line-height:23px; color:#003399; text-align:center; font-size:12px; cursor:pointer; border: 0 none;}
.list04 li{ float:left; background:url(../images/monitoring/icon2.png) no-repeat transparent -9999px -9999px; padding-left:20px; color:#003399; display:inline; margin-left:10px}
.list04 li.red04{ background-position:0 -282px;}
.list04 li.orange04{ background-position:0 -346px;}
.list04 li.yellow04{ background-position:0 -410px;}
.list04 li.blue04{ background-position:0 -474px;}
.list04 li.grey04{ background-position:0 -544px;}
.bottom04{ background:url(../images/monitoring/b.gif) repeat-x 0 0; border:1px solid #a6c9e2; border-top:none; height:24px; line-height:24px; text-align:center; padding:0 10px; }
.bottom04 .fl,.bottom04 .fr,.bottom04 .pages{ font-size:12px; color:#003399}
.input-style,select{border:1px solid #7f9db9; background:#fff; width:30px;vertical-align:middle}
.input-style{ height:16px}


.float{width:421px;}
.float-t{ background:url(../images/monitoring/float-t.png) no-repeat left top; height:4px;}
.float-b{ background:url(../images/monitoring/float-b.png) no-repeat left bottom; height:18px;}
.float-c{ background:url(../images/monitoring/float-c.png) repeat-y left top; padding:0 5px}
.float p{color:#1c1c1c; font-size:12px}
.float-arrow{ background:url(../images/monitoring/float-arrow.png) no-repeat 0 0; width:13px; height:18px; margin-top:0}
/*个人监控界面end*/
/*告警视图 star*/
.boxbg3{
background:#36b3dc;
width:100%;
margin:0;
padding:0;
}
.box{
margin:0 auto;
width:1220px;
}
.top07{
height:103px;
line-height:103px;
margin:0 30px 0 26px;
background:url(../images/cubeVews/box-top.png) top center no-repeat;
}
.top07 img{
margin-top:22px;
float:left;
}
.top07 span{
  color: #FFFFFF;
    float: right;
    font-size: 15px;
}
.all{
height:60px;
line-height:55px;
font-size:16px;
background:url(../images/cubeVews/box-all.png) left center no-repeat;
}
.all-a{
background:url(../images/cubeVews/font1.png) no-repeat left center;
 color: #FFFFFF;
    float: left;
    font-size: 16px;
width:590px;
padding-left:156px;
}
.all-b{
background:url(../images/cubeVews/font2.png) left 10px no-repeat;
float:left;
width:304px;
padding-left:154px;
}
.all-b img{
top:13px;
right:3px;
position:relative;
}
.block-b{
position:relative;
}
.block-1,.block-2{
width:583px;
float:left;
position:relative;
margin-top:18px;
}
.block-3{
	display:block;
	width:40px;height:250px;
	float:left;
	background:url(../images/cubeVews/block-3.png) center repeat-y;
	overflow:hidden;zoom:1;
	margin:0 5px;
}
.block-1 h1, .block-2 h1{
	color:#fff;
	font-size: 17px;
    padding-bottom: 5px;
}
.block-2{
/*margin-left:45px;*/
}
.block-1-top{
height:11px;
}
.block-1-mid{
background:url(../images/cubeVews/block-bg-b.png) repeat-y center top;
height:210px;
}
.block-1-bottom{
background:url(../images/cubeVews/block-bg-c.png) no-repeat center top;
height:11px;
}
.block-b dl{
width:540px;
margin:0 auto;
}
.block-b dt{
float:left;
margin-right:5px;
}
.block-con-box{
width:570px;
margin:10px auto;
display: block;
overflow: hidden;
}
.block-con-l{
float:left;
/*width:285px;*/
background:url(../images/cubeVews/line.png) no-repeat right center;
}
block-con-box h2{
margin-left:15px;
}
.con-a-01,.con-b-01{
margin-left:5px;
font-size:12px;
font-family: "microsoft yahei"
}
.con-a-01 dl{
width:270px;
}
.con-a-01 ul{
margin-left:10px;
margin-top:10px;
}
.con-a-01 li,.con-b-01 li{
margin:10px 0;
color:#fff;
}
.con-a-01 img,.con-b-01 img{
margin-left:5px;
}

.con-b-01 .ul-l{
float:left;
width:155px;
margin-left:15px;
background:url(../images/line.png) no-repeat right center;
}
.con-b-01 .ul-r{
float:left;
}
.con-b-01 .ul-r ul{
padding-left:30px;
}
.ul-l h2{
margin-left:0;
}
.icon-pic1{
position:absolute;
left:565px;
top:20px;
}
.icon-pic2{
position:absolute;
left:565px;
top:210px;
}
.icon-pic3{
position:absolute;
left:-18px;
top:20px;
}
.icon-pic4{
position:absolute;
left:-18px;
top:210px;

}
.block-con-r1{
float:left;
width:285px;
}
.block-con-r1 dl dt,.block-con-l dl dt{float:right;}
.con-a-02 dd{
float:left;
margin-right:30px;
}
.mg-10{
padding-top:5px;
}
.mg-img{
position:relative;
top:2px;
padding-right:10px;
}
.con-a-02 .mgr-img-list{
margin-left:130px;
}
.block-con-l h2,.block-con-r h2,.block-con-r1 h2{
margin-left:15px;
color:#0096ff;
}

.boxbg1{
background:#35aed5 url(../images/cubeVews/box-bg1.png) no-repeat left top;
width:100%;
height:781px;
}
.block-gj{
position:relative;
padding-top:23px;

}
.block-gj h1,.block-lc h1{
	font-size: 18px;
	font-weight: normal;
	 color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    line-height: 43px;
}
.block-gj h2{
	font-size:13px;
	 color:#0096ff;
}
.block-gj1{
width:600px;
float:left;
margin-right:20px;
}
.block-gj2{
width:600px;
float:left;
}
.block-gj1-top{
height:11px;
}
.block-gj1-bot{
background:url(../images/cubeVews/block-gj-c.png) no-repeat;
height:11px;
}
.block-gj1-mid{
background:url(../images/cubeVews/block-gj-b.png) repeat-y center top;
height:210px;
}
.gj-tit{
position:relative;
height:43px;
line-height:43px;
left:20px;
width:530px;
}
.gj-tit img{
float:left;
margin-right:10px;
}
.gj-con{
width:570px;
margin:10px auto;
}
.cutline{
margin-left:30px;
margin-top:5px;
font-size:12px;
font-family: "microsoft yahei";
color:#fff;
}
.cutline span{float:left;line-height:12px;}

.boxbg2{
background:#81b8dc url(../images/cubeVews/lc-pic.png) no-repeat left top;
width:100%;
height:650px;
}
.block-lc{
position:relative;
top:23px;
}
.lc-top{
height:11px;
}
.lc-mid{
background:url(../images/cubeVews/block-lc-b.png) repeat-y;
height:210px;
}
.lc-bot{
background:url(../images/cubeVews/block-lc-c.png) no-repeat;
height:11px;
}
.lc-con{
width:1170px;
margin:10px auto;
}
.lc-flo1{
width:190px;
float:left;
text-align:center;
margin:0 auto;
}
.cutline-a{
margin-left:10px;
margin-top:5px;
font-size:12px;
font-family: "microsoft yahei";
color:#fff;
text-align:center;
}

/*告警视图 end*/
/*don't change 0428*/
.itemWrapper{ height:100%;  /*position:relative;*/}
.title-style01 { background:url(../images/s.gif) no-repeat center -131px; padding-bottom:9px; zoom:1; height:27px; overflow:hidden; /*position:relative;*/}
.title-style01 .tab { /*position:relative; top:7px;*/margin-top:7px; overflow:hidden; zoom:1;}
.title-style01:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.title-style01 .tab ul { float:right; padding-left:1px;}
.title-style01 .tab li { float:left; background:url(../images/s.gif) no-repeat 0 -195px; padding-left:3px; margin-top:1px; margin-left:1px; position:relative;}
.title-style01 .tab li a { float:left; line-height:27px; background:url(../images/s.gif) no-repeat right -195px; padding:0 5px 0 2px; color:#84b3c8; white-space:nowrap;}
.title-style01 .tab .on { background-position:0 -167px; z-index:2;}
.title-style01 .tab .on a { background-position:right -167px; color:#2a7b9d; line-height:28px;}
.title-style01 .tab-tra .on { background-position:0 -301px; z-index:2;}
.title-style01 .tab-tra .on a { background-position:right -301px; color:#6b9d00; font-weight:bold; line-height:28px;}
.title-style02 .tab li a {font-weight:bold; color:#6C8EB5; white-space:nowrap;}
.title-style01 .fn {float: right;margin-left: 10px;}
.tab-box{
	display:none;
	overflow:hidden;
}
.tab-box-on{
	display:block;
	}
.title-style01 .text {
	font-family:"microsoft yahei"; 
	font-size:18px; 
	line-height:27px; 
	float:left;
	margin-right:5px;
	}
.title-style01 .ico { float:left; border-bottom:1px solid #e3eef5; margin-top:-5px;}
.ico-bigTask{ width:40px; height:40px;background:url(../images/i.png) no-repeat -880px -40px;}

/*teletext  star 0731*/

.telHover{background:#EAF1FF;}

.teletext{display:inline-block;margin:0 0 20px 20px;padding:10px;border:2px #fff dashed;}
.teletext dl{float:left;margin-right:5px;width:60px;}
.position-ab{position:absolute;right:0;bottom:0;}
.teletext dl dt{text-align:center;width:60px;height:60px;}
.teletext dl dt img{line-height:60px; vertical-align:middle;margin-top:5px;}
.teletext dl dd{text-align:center;margin-top:5px;}
.teletext dl dd a{text-align:center;color:#183F78;}
.teletext ul{float:left;display:inline-block;}
.teletext ul li{display:block;height:20px;line-height:20px;}
.teletext ul li a{width:auto;padding:0 3px;display:inline-block;}
.teletext ul .device img{margin-left:5px;/* vertical-align:middle;*/}
.viewMore a{color:#183F78;font-size:14px;}
.viewMore a:hover{color:#F30;}

#fixedDiv {
	position: absolute;
	bottom:0;
	right:10px;
	height:125px;
	z-index: 99999;
}
.report-g a{/*border:2px #F00 dashed;*/width:60px;height:60px;display:block;background:url(../images/monitor/btn-3.png) center center no-repeat}
.report-r a{/*border:2px #F00 dashed;*/width:60px;height:60px;display:block;background:url(../images/monitor/btn-2.png) center center no-repeat}
.report-b a{/*border:2px #F90 dashed;*/width:60px;height:60px;display:block;background:url(../images/monitor/btn-h.png) center center no-repeat}
.report-y a{/*border:2px #F90 dashed;*/width:60px;height:60px;display:block;background:url(../images/monitor/btn.png) center center no-repeat}
/*teletext  end*/